/*-------------------model---------------------*/

.text-center {
    text-align: center;
}

.key-inspect-detail {
    height: 100%;
    background: #fff;
    .title {
        height: 44px;
        width: 100%;
        font-size: 18px;
        color: #fff;
        background: #1fb5ff;
        line-height: 44px;
        i {
            font-size: 24px;
            color: #fff;
            padding: 5px 12px;
        }
        span {
            margin-left: 10px;
            vertical-align: 3px;
        }
    }
    .top {
        height: 195px;
        width: 100%;
        background: #1fb5ff;
        z-index: 1;
        position: relative;
        img {
            height: 90px;
            margin-top: 20px;
        }
        .result {
            font-size: 16px;
            color: #fff;
            margin-top: 15px;
            margin-bottom: 5px;
        }
        .describe-result {
            font-size: 12px;
            color: #fff;
        }
    }
    .key-inspect-detail-move {
        height: 195px;
        opacity: 1;
        overflow: hidden;
        transition: height 0.5s, opacity 0.8s;
        animation-fill-mode: forwards;
    }
    .move-animation {
        height: 0;
        opacity: 0;
    }
    .hide-div {
        height: 195px;
    }
    ion-content {
        padding-bottom: 44px;
    }
    .each-room {
        display: flex;
        height: 49px;
        line-height: 49px;
        border-bottom: 1px solid rgba(217, 222, 226, 0.4);
        margin: 0 12px;
        .left-img {
            width: 30px;
            padding: 5px 0 0 2px;
            &>img {
                height: 18px;
            }
        }
        .room-name {
            font-size: 15px;
            color: #222;
            display: flex;
            flex: 1;
            line-height: 49px;
            overflow: hidden;
            &>span {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                min-width: 30px;
            }
            &>i {
                color: #bbb;
                font-size: 12px;
                flex: 1;
                margin: 0 6px;
            }
        }
        .right {
            min-width: 50px;
            line-height: 49px;
            &>img {
                height: 16px;
                margin-top: 17px;
                margin-left: 12px;
                margin-right: 4px;
            }
        }
        .line1 {
            font-size: 12px;
            color: #777;
            vertical-align: 3px;
            &>label {
                font-size: 12px;
                color: #222;
            }
        }
        .line2 {
            font-size: 12px;
            color: #777;
            vertical-align: 3px;
            &>label {
                font-size: 12px;
                color: #FF8B02;
            }
        }
    }
    .dev-list {
        background: #f2f5f8;
        padding: 0 16px;
        border-top: 1px solid rgba(217, 222, 226, 0.4);
        border-bottom: 1px solid rgba(217, 222, 226, 0.4);
        .each-dev {
            border-bottom: 1px solid rgba(217, 222, 226, 0.4);
            color: #555;
            font-size: 12px;
            min-height: 40px;
            line-height: 24px;
            padding: 7px 0;
            &:last-child {
                border: 0;
            }
        }
    }
    .check-report {
        height: 44px;
        width: 100%;
        background: #1FB5FF;
        color: #fff;
        font-size: 18px;
        line-height: 44px;
        position: absolute;
        bottom: 0;
    }
    .noBorder {
        border: 0;
        i {
            color: #1fb5ff !important;
        }
    }
}

.platform-ios .key-inspect-detail {
    height: calc(100% - 20px);
    margin-top: 20px;
    min-height: calc(100% - 20px);
}

.platform-ios .key-inspect-detail .title i {
    font-size: 32px;
}

.platform-ios .key-inspect-detail .title span {
    vertical-align: 5px;
}